<script lang="ts" setup>
import router from '../router/router';
import { useRoute } from 'vue-router';

const route = useRoute();
const goTo = () =>{
  router.push({
    path: '/',
  })
}
function list(a:any){
  router.push({
    name: 'list',
    query: {
  id:a
}
  })
}
</script>
<template>
    <div class="fl">
        <ul>
            <li><button @click="goTo()"><b>回到首页</b></button></li>
            <li>
              <button @click="list(3)"><b>聊些想法</b></button>
            </li>  
            <li>
              <button @click="list(2)"><b>学点东西</b></button>
            </li>
            <li>
            <button @click="list(1)"><b>玩会游戏</b></button>
          </li>
        </ul>
        
    </div>
</template>

<style scoped>
.fl a{
    background-color: rgb(125, 125, 125);
    margin-bottom: 20px;
}
ul{
    padding: 0px;
    list-style: none;
}
li{
  /* margin-left: 5px; */
  margin-bottom: 20px;
}
</style>